<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<style>
    .tu{
        margin-top: 5%;
        width: 80%;
        margin-bottom: 3%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .cu-form-group{
        background:#ecf1f7;
        width: 60%;
        height: 150px;
        margin-left: 20%;
        margin-right: 20%;
        border-radius: 22px;
        box-shadow:  0 3px 10px 0px rgb(185, 185, 185);
    }
    .btn{
        color: rgb(255, 255, 255);
        box-shadow:  0 3px 10px 0px rgb(185, 185, 185);
        background-color: #95bcd9;
        width: 50%;
        height: 100px;
        margin-left: 25%;
        margin-right: 25%;
        border-radius: 20px;
        line-height: 80px;
        border: none;
        outline: none;
        font-size: 50px;
    }

    .input{

        font-size: smaller;
        width: 80%;
        height: 150px;
        margin-left: 20%;
        margin-right: 20%;
        border-radius: 22px;
        background: #00000000;
        border: none;
        outline: none;
    }
    .title{
        font-size: 30px;
        text-align: center;
        margin-top: 5%;
        margin-bottom: 5%;
    }



</style>
<head>
    <meta charset="UTF-8">
    <title>哈尔滨师范大学</title>
    <style>
        /* 这里可以添加你的 CSS 样式 */
    </style>
</head>
<body>
<div>
    <div class="bg-white radius-lg" style="min-height: 90vh;">
        <div class="padding-tb padding-lr text-center">
            <image class="tu" src="img/first1.svg"></image>
        </div>

    <form method="post" th:action="@{/indexto}">
        <div class="cu-form-group text-center">
            <input style="font-size: 70px;" class="input" type="idcard" name="idcode" maxlength="8" bindinput="invite" value=""></input>
        </div>

        <div class="title"> 请向相关负责人索取身份识别码 </div>
        <button class="btn" bindtap="submit">登录</button>
    </form>
    </div>
</div>

<script src="index.js"></script>
</body>
</html>